.uBtn {
  display: inline-block;
  padding: 25px 65px;
  font-size: 40px;
  text-align: center;
  white-space: nowrap;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border-radius: 150px;
  &::before {
    border-radius: 150px;
  }
  &.uBtnLarge {
    display: block;
    width: 100%;
    padding: 45px 0;
    font-size: 48px;
    border-radius: 200px;
    &::before {
      border-radius: 200px;
    }
  }
}

.uBtnDefault {
  color: $c-basic2;
  background: #fff;
  &::before {
    border-color: $c-basic3;
  }
  &:active {
    color: #c2c6cd;
    &::before {
      border-color: #d6d9e0;
    }
  }
  &.uBtnDone {
    color: $c-basic3;
    &::before {
      border-color: $c-basic3;
    }
  }
}

.uBtnInfo {
  color: $c-main2;
  background: #fff;
  &::before {
    border-color: $c-main2;
  }
  &:active {
    color: #b8cefd;
    &::before {
      border-color: #b8cefd;
    }
  }
  &.uBtnDone {
    color: $c-basic3;
    &::before {
      border-color: $c-basic3;
    }
  }
}

.uBtnPrimary {
  color: #fff;
  background: $c-main;
  &::before {
    border: none;
  }
  &:active {
    color: #cadbfd;
    background: #8bb2fa;
  }
  &.uBtnDone {
    color: #f0f1f3;
    background: $c-basic3;
  }
  &.uBtnLarge {
    background: linear-gradient(to left, #669cff, #2772ff);
    //box-shadow: 0 23px 38px 0 rgba(67, 133, 245, 0.25);
    &:active {
      background: linear-gradient(to left, #abc7fa, #8bb2fa);
    }
    &.uBtnDone {
      background: linear-gradient(to left, $c-basic3, $c-basic3);
    }
  }
}

.uLinkBlue {
  color: $c-main;
  &:active {
    color: $c-main2;
  }
}

.uLinkBtnWrap {
  margin: 30px 0;
  background: #fff;
}

.uLinkBtnItem {
  display: flex;
  height: 136px;
  .uIcon {
    width: 145px;
  }
  .uIconArrow, .uIcon {
    height: auto;
  }
  .uLinkBtn {
    flex: 1;
    padding-right: 25px;
  }
}

.uLinkBtn {
  display: flex;
  justify-content: space-between;
  .titleH3 {
    display: flex;
    align-items: center;
    color: #293240;
    font-size: 48px;
  }
  .text {
    display: flex;
    align-items: center;
    font-size: 48px;
  }
  .uIconArrow {
    width: 100px;
  }
}
